@mixin scrollbar {
  max-height: 88vh;
  margin-bottom: 0.5vh;
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(144, 147, 153, 0.3);
    border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb:hover {
    // background-color: rgba(144, 147, 153, 0.3);
  }
}

@mixin base-scrollbar {
  &::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #ddd;
    background-clip: padding-box;
    border: 3px solid transparent;
    border-radius: 7px;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-track:hover {
    // background-color: #f8fafc;
  }
}

.icon-hover {
  cursor: pointer;

  &:hover {
    background-color: #f5f5f5;
  }
}

.i-icon:focus-visible {
  border: none !important;
  outline: none !important;
}

html {
  body {
    @include base-scrollbar;
    position: relative;
    box-sizing: border-box;
    height: 100vh;
    padding: 0;
    overflow: hidden;
  }

  div {
    @include base-scrollbar;
  }
}

@font-face {
  font-family: 'PorscheNextBold';
  font-style: normal;
  src: local('PorscheNext-Bold'), url(@/assets/fonts/HYY3Cadillac231108-75W-01.ttf);
}

@font-face {
  font-family: 'PorscheNextRegular';
  font-style: normal;
  src: local('PorscheNext-Regular'), url(@/assets/fonts/HYY3Cadillac231108-35W-01.ttf);
}

.fontPorscheNextBold {
  font-family: 'PorscheNextBold',"Arial Narrow",Arial,"Heiti SC","SimHei","sans-serif" !important;
}

.fontPorscheNextRegular {
  font-family: "PorscheNextRegular","Arial Narrow",Arial,"Heiti SC","SimHei","sans-serif" !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #010205 !important;
  border-color: #010205 !important;
}

.el-checkbox__inner:hover {
  border-color: #010205 !important;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #010205 !important;
}

.el-table .descending .sort-caret.descending {
  border-top-color: #010205 !important;
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
  color: #949598 !important;
}

.el-loading-spinner .el-loading-text {
  color: #010205 !important;
}

.el-loading-spinner .path {
  stroke: #010205 !important;
}

.el-popper.is-dark {
  p {
    margin: 0;
  }
}

.search-wrapper {
  .el-form-item__label {
    justify-content: flex-end !important;
  }
}

.el-drawer__title {
  color: #010205;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}

.el-drawer__body {
  padding: 20px 24px;
}

.el-drawer__header {
  height: 52px;
  margin: 0;
  display: flex;
  align-items: center;
  padding-top: 0;
  /* border & divider/divider ↓ */
  box-shadow: 0px -1px 0px 0px #F0F0F0 inset;
}

.el-upload--picture-card:hover,
.el-upload--picture-card:focus {
  border-color: #6B6D70;

  .uploadTip {
    p {
      color: #010205 !important;
    }

    path {
      stroke: #010205
    }
  }
}

.el-input,
.el-select,
.el-button {
  height: 36px;
}

.el-link--primary {
  color: #2762ec;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-selectable.in-checked-path,
.el-cascader-node.is-active {

  font-weight: 400 !important;
  color: rgb(96, 98, 102);
}

:deep(.el-tabs__active-bar) {
  display: none;
}

:deep(.el-tabs__item) {
  padding: 0 12px !important;
  box-sizing: content-box;
  margin-right: 12px;
}

:deep(.el-tabs__item.is-active) {
  color: #575460  !important;
  border-bottom: 2px solid #575460 ;
  background: rgba(204, 25, 34, 0.1);
}

:deep(.el-link.el-link--primary.is-underline:hover:after) {
  border-color: #2762ec;
}

:deep(.el-tabs__nav-wrap::after) {
  height: 1px !important;
}

// .link-operates {
//   .el-link {
//     margin-left: 160px !important;
//   }
// }

:deep(.el-textarea.is-disabled .el-textarea__inner) {
  color: #6B6D70 !important;
  -webkit-text-fill-color: #6B6D70 !important;
}

:deep(.el-input.is-disabled .el-input__inner) {
  color: #6B6D70 !important;
  -webkit-text-fill-color: #6B6D70 !important;
}

:deep(.el-input__count-inner) {
  letter-spacing: 1px !important;
}

:deep(.el-input__count) {
  letter-spacing: 1px !important;
}
.el-popper{
  font-family: "PorscheNextRegular","Arial Narrow",Arial,"Heiti SC","SimHei","sans-serif" !important;
}



